@charset 'utf-8';
html,
body {
    font-size: 62.5%;
    font-family: '微软雅黑', '黑体'
}

ul,
li {
    list-style: none;
}

img {
    display: inline-block;
    border: 0;
}

a:link,
a:visited,
a:hover,
a:active {
    background: none;
}

.clearfix:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.clearfix {
    zoom: 1;
}

.nav-active a {
    color: black !important;
}

/* input输入框字体的默认颜色 */

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #7cb930;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #7cb930;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #7cb930;
    opacity: 1;
}

input::-webkit-input-placeholder {
    color: #7cb930;
    opacity: 1;
}

/* 首页 */

#index-header {
    width: 100%;
    height: 100px;
    background: #7cb930;
}

#index-header .nav-box {
    position: relative;
    max-width: 1200px;
    height: 100px;
    margin: 0 auto;
}

#index-header .nav-box .logo-link {
    position: absolute;
    top: 50%;
    left: 50%;
}

#index-header .nav-box ul {
    font-size: 0;
}

#index-header .nav-box .nav-left {
    float: left;
}

#index-header .nav-left li,
#index-header .nav-right li {
    width: 120px;
    text-align: center;
}

#index-header .nav-box .nav-right {
    float: right;
}

#index-header .nav-box li {
    float: left;
    padding: 0;
}

#index-header .nav-box a {
    line-height: 100px;
    font-size: 20px;
    color: white;
    padding-top: 0;
    padding-bottom: 0;
}

#index-header .nav-box a:hover {
    color: black;
}

#index-header .logo-link {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -28px;
}

#index-content {
    color: #393939;
}

#index-header .nav-product {
    position: relative;
    width: 150px;
}

#index-header .nav-product .nav-link {
    display: none;
    position: absolute;
    top: 65px;
    left: 0;
    z-index: 9999
}

#index-header .nav-link li {
    display: block;
    width: 150px;
    height: 70px !important;
    line-height: 70px;
    margin: 0 !important;
    font-size: 20px;
    text-align: center;
    background: #f1f1f1;
}

#index-content .search {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 40px;
    height: 60px;
    line-height: 60px;
}

#index-content .search .key-word {
    font-size: 20px;
}

#index-content .key-word strong {
    font-weight: normal;
}

#index-content .search .search-input {
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    line-height: 60px;
}

#index-content .search-input input {
    width: 336px;
    height: 20px;
    line-height: 20px;
    padding-left: 9px;
    border: 1px solid #7cb930;
    border-radius: 12px;
    font-size: 12px;
    /* background: url(./../images/index/search.png) no-repeat; */
    /* background-size: 100% 100%; */
    outline: none
}

#index-content .search-input img {
    position: absolute;
    top: 25px;
    right: 10px;
}

/* 品质安全 */

#index-content .quality {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

#index-content .quality h2 {
    font-size: 39px;
    font-weight: normal;
}

#index-content .quality p {
    padding-top: 10px;
    font-size: 20px;
    letter-spacing: 1px;
    color: #aeaeae;
}

#index-content .quality h3 {
    margin-top: 40px;
    padding-right: 110px;
    font-size: 24px;
    font-weight: normal;
}

#index-content .quality p:nth-child(4) {
    padding-left: 220px;
}

#index-content .quality-content {
    position: relative;
    margin-top: 36px;
}

#index-content .quality-content ul {
    font-size: 0;
}

#index-content .quality-content li {
    position: relative;
    display: inline-block;
    width: 33%;
    height: 230px;
    padding: 0 20px;
    font-size: 0;
    text-align: center;
    vertical-align: middle;
}

#index-content .quality-content li+li {
    border-left: 2px #393939 dashed;
}

#index-content .quality-content img {
    margin-bottom: 12px;
}

#index-content .quality-content p {
    font-size: 16px;
    line-height: 30px;
}

#index-content .quality-content .btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

#index-content .quality-content .btn a {
    display: inline-block;
    width: 70px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #393939;
    font-size: 12px;
    letter-spacing: 0;
    color: #9c9c9c;
}

/* 热卖单品 */

#index-content .hot-sale {
    margin-top: 122px;
}

#index-content .hot-sale .hot-sale-title {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

#index-content .hot-sale-title h2 {
    font-size: 40px;
    font-weight: normal;
}

#index-content .hot-sale-title p {
    padding-top: 10px;
    font-size: 20px;
    color: #9c9c9c;
}

#index-content .hot-sale-title h3 {
    font-size: 24px;
    padding-top: 40px;
    font-weight: normal;
    padding-right: 150px;
}

#index-content .hot-scale-title p:nth-child(4) {
    padding-left: 190px;
}

#index-content .hot-scale-content {
    margin-top: 42px;
    background-color: #e9eae8;
}

#index-content .hot-scale-content .pic {
    max-width: 1200px;
    margin: 0 auto;
}

#index-content .pic img {
    width: 100%;
}

#index-content .youmaihu {
    width: 100%;
    margin-top: 12px;
    background: #e9eae8;
}

#index-content .youmaihu .youmaihu-title {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 52px;
    text-align: center;
}

#index-content .youmaihu-title h2 {
    font-size: 26px;
    font-weight: normal;
}

#index-content .youmaihu-title p {
    font-size: 15px;
}

#index-content .youmaihu-title p:nth-child(2) {
    padding-top: 22px;
}

#index-content .youmaihu-title p:nth-child(3) {
    padding-top: 15px;
    padding-left: 14px;
}

#index-content .youmaihu .carousel {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 42px;
}

#index-content .youmaihu-more,
#index-content .product-more {
    padding-top: 27px;
    padding-bottom: 16px;
    text-align: center;
}

#index-content .youmaihu-more a,
#index-content .product-more a {
    display: inline-block;
    width: 180px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    letter-spacing: 1px;
    color: white;
    background-color: #7cb930;
    border-radius: 6px;
}

/* 产品鉴赏 */

#index-content .product-title,
#index-content .product-banner {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

#index-content .product-title h2 {
    padding-top: 66px;
    font-size: 40px;
    font-weight: normal;
}

#index-content .product-title p {
    padding-top: 6px;
    font-size: 20px;
    color: #aeaeae;
}

#index-content .product-title p:nth-child(4) {
    padding-left: 200px;
}

#index-content .product-title h3 {
    padding-top: 38px;
    padding-right: 120px;
    font-size: 24px;
    font-weight: normal;
}

#index-content .product-banner {
    padding-top: 52px;
}

#index-content .product-banner img {
    width: 100%;
}

#index-content .product-kinds {
    margin-top: 30px;
    background: #e9eae8;
}

#index-content .product-kinds .content {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

#index-content .product-kinds h3 {
    height: 75px;
    line-height: 75px;
    font-size: 26px;
    font-weight: normal;
}

#index-content .product-kinds .info {
    /* padding: 0 20px; */
    height: 115px;
    line-height: 18px;
    font-size: 14px;
    text-align: left;
    text-indent: 28px;
}

#index-content .product-kinds .product-more {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

/* 我们的优势 */

#index-content .advantage .advantage-title {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

#index-content .advantage-title h2 {
    padding-top: 66px;
    font-size: 40px;
    font-weight: normal;
}

#index-content .advantage-title p {
    padding-top: 6px;
    font-size: 20px;
    color: #aeaeae;
}

#index-content .advantage-title h3 {
    padding-top: 38px;
    padding-right: 120px;
    font-size: 24px;
    font-weight: normal;
}

#index-content .advantage-title p:nth-child(4) {
    padding-left: 200px;
}

#index-content .advantage-content {
    max-width: 1920px;
    margin: 0 auto;
    margin-top: 84px;
}

#index-content .advantage-content img {
    width: 100%;
}

/* 行业优势 */

#index-content .information-title {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

#index-content .information-title h2 {
    padding-top: 66px;
    font-size: 40px;
    font-weight: normal;
}

#index-content .information-title p {
    padding-top: 6px;
    font-size: 20px;
    color: #aeaeae;
}

#index-content .information-info {
    max-width: 1920px;
    margin: 0 auto;
}

#index-content .information-info1 {
    margin-top: 84px;
    background: url(./../images/index/information-bg.jpg) repeat-y;
    background-size: 100% 100%;
}

#index-content .information-info2 {
    background: url(./../images/index/information-bg2.jpg) repeat-y;
    background-size: 100% 100%;
}

#index-content .information-info ul {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 0;
}

#index-content .information-info li {
    display: inline-block;
    width: 50%;
    padding-bottom: 120px;
    vertical-align: top;
}

#index-content .information-info1 li {
    padding-bottom: 140px;
}

#index-content .information-info2 li {
    padding-bottom: 88px;
}

#index-content .information-info h4 {
    padding-left: 20px;
    font-size: 22px;
    font-weight: normal;
}

#index-content .information-info h4 strong {
    padding-right: 20px;
    line-height: 132px;
    font-size: 52px;
    font-weight: normal;
}

#index-content .information-info p {
    padding: 0 56px;
    font-size: 14px;
    line-height: 24px;
    text-indent: 28px;
}

/* 团购好礼 */

#index-content .group-purchase {
    margin-top: 146px;
    /* background: #7cb930; */
}

#index-content .group-purchase-title {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

#index-content .group-purchase-title h2 {
    padding-top: 66px;
    font-size: 40px;
    font-weight: normal;
}

#index-content .group-purchase-title p {
    padding-top: 6px;
    font-size: 20px;
    color: #aeaeae;
}

#index-content .group-purchase-content {
    max-width: 1920px;
    margin: 0 auto;
    margin-top: 70px;
}

#index-content .group-purchase-content img {
    width: 100%;
}

/* 底部 */

#index-footer {
    margin-top: 170px;
    padding-top: 75px;
    padding-bottom: 50px;
    background: #7cb930;
}

#index-footer ul {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 0;
}

#index-footer ul img {
    width: 100%;
}

#index-footer ul li {
    display: inline-block;
    vertical-align: top;
}

#index-footer .footer-info {
    width: 40%;
}

#index-footer .footer-link,
#index-footer .footer-site {
    width: 20%;
    font-size: 20px;
    line-height: 35px;
    color: white;
}

#index-footer .footer-link strong,
#index-footer .footer-site strong {
    font-size: 26px;
    font-weight: normal;
}

#index-footer .footer-site {
    width: 40%;
}

#index-footer .footer-logo {
    padding: 0 28%;
    text-align: center;
}

#index-footer .footer-ma {
    margin-top: 24px;
    text-align: center;
    font-size: 0;
    color: white;
}

#index-footer .footer-ma .pic {
    display: inline-block;
    width: 50%;
    font-size: 20px;
}

#index-footer .footer-ma p {
    padding-top: 8px;
}

#index-footer-bottom {
    height: 104px;
    border-bottom: 6px solid #7cb930;
    background: #67a914;
}

/* 首页内容结束 */

/* 产品鉴赏开始 */

#product-content {
    color: #393939;
}

#product-content .product-banner {
    max-width: 1920px;
    margin: 0 auto;
}

#product-content .product-banner img {
    width: 100%;
}

#product-content .product-title {
    margin-top: 92px;
    text-align: center;
}

#product-content .product-title h2 {
    font-size: 38px;
    font-weight: normal;
}

#product-content .product-title p {
    padding-top: 12px;
    font-size: 18px;
    color: #aeaeae;
}

/* 亚麻籽油 */

.product-yamaziyou {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 52px;
}

.product-yamaziyou h3 {
    height: 66px;
    line-height: 66px;
    font-size: 20px;
    font-weight: normal;
    text-indent: 86px;
    color: #393939;
    background: url(./../images/project-js/arrows-icon.png) no-repeat;
    /* background-size: 66px 100%;  */
}

.product-yamaziyou ul {
    font-size: 0;
    background: #eaeae8;
}

.product-yamaziyou li {
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: top;
}

.product-yamaziyou .img-box img {
    width: 100%;
}

.product-yamaziyou .info div {
    padding: 0 125px;
}

.product-yamaziyou li h4 {
    padding-top: 125px;
    font-size: 38px;
}

.product-yamaziyou li p {
    line-height: 36px;
    font-size: 23px;
}

.product-yamaziyou .big p {
    padding-top: 40px;
}

.product-yamaziyou .small p:nth-child(2) {
    padding-top: 40px;
}

.product-yamaziyou .small p:nth-child(3) {
    padding-top: 62px;
}

.product-yamaziyou .small p:nth-child(4) {
    padding-top: 72px;
}

/* 莜面 */

.product-youmian .product-youmian-title {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 86px;
}

.product-youmian .product-youmian-title h3 {
    height: 66px;
    line-height: 66px;
    font-size: 20px;
    font-weight: normal;
    text-indent: 86px;
    color: #393939;
    background: url(./../images/project-js/arrows-icon.png) no-repeat;
}

.product-youmian .product-youmian-title p {
    width: 472px;
    padding-left: 170px;
    font-size: 13px;
    line-height: 21px;
    text-indent: 26px;
}

.product-youmian .product-youmain-banner {
    margin-top: 46px;
    background: #f0e2d5;
}

.product-youmian .product-youmain-banner div {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.product-youmian .product-youmain-banner img {
    width: 100%;
}

.product-youmian .product-youmain-banner p {
    position: absolute;
    top: -28px;
    right: 70px;
    width: 508px;
    font-size: 12px;
    text-indent: 24px;
    color: #948d87;
}

.product-youmian ul {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 95px;
    font-size: 0;
    background: #eaeae8;
}

.product-youmian li {
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: top;
}

.product-youmian .img-box img {
    width: 100%;
}

.product-youmian li h4 {
    padding-top: 102px;
    font-size: 38px;
}

.product-youmian li p {
    padding-top: 30px;
    font-size: 23px;
    line-height: 1.5;
}

/* 荞面 */

.product-qiaomian {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 66px;
}

.product-qiaomian h3 {
    height: 66px;
    line-height: 66px;
    font-size: 20px;
    font-weight: normal;
    text-indent: 86px;
    color: #393939;
    background: url(./../images/project-js/arrows-icon.png) no-repeat;
}

.product-qiaomian .product-qiaomian-banner {
    position: relative;
    margin-top: 10px;
}

.product-qiaomian .product-qiaomian-banner img {
    width: 100%;
}

.product-qiaomian .product-qiaomian-banner p {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 550px;
    font-size: 13px;
    line-height: 21px;
    text-indent: 26px;
    color: #393939;
}

.product-qiaomian ul {
    margin-top: 40px;
    font-size: 0;
    background: #eaeae8;
}

.product-qiaomian ul li {
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: top;
}

.product-qiaomian .img-box img {
    width: 100%;
}

.product-qiaomian li h4 {
    padding-top: 102px;
    font-size: 38px;
}

.product-qiaomian li p {
    padding-top: 40px;
    font-size: 23px;
    line-height: 1.5;
}

/* 黎麦 */

.product-limai {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 86px;
}

.product-limai h3 {
    height: 66px;
    line-height: 66px;
    font-size: 20px;
    font-weight: normal;
    text-indent: 86px;
    color: #393939;
    background: url(./../images/project-js/arrows-icon.png) no-repeat;
}

.product-limai .title h4 {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}

.product-limai p {
    margin-top: 8px;
    font-size: 15px;
    text-align: center;
    color: #aeaeae;
}

.product-limai ul {
    margin-top: 46px;
    text-align: center;
    font-size: 0;
    background: #eaeae8;
}

.product-limai ul li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.product-limai .img-box img {
    width: 100%;
}

.product-limai li h4 {
    padding-top: 102px;
    font-size: 38px;
}

.product-limai li p {
    padding-top: 40px;
    font-size: 23px;
    line-height: 1.5;
    color: #393939;
}

.product-limai .product-limai-banner {
    position: relative;
    margin-top: 50px;
}

.product-limai .product-limai-banner img {
    width: 100%;
}

.product-limai .product-limai-banner p {
    position: absolute;
    left: 10px;
    bottom: 50px;
    width: 500px;
    font-size: 12px;
    line-height: 20px;
    text-indent: 24px;
    text-align: left;
    color: white;
}

/* 莜麦糊 */

.product-youmaihu .title {
    max-width: 1200px;
    margin: 0 auto;
}

.product-youmaihu h3 {
    height: 66px;
    line-height: 66px;
    font-size: 20px;
    font-weight: normal;
    text-indent: 86px;
    color: #393939;
    background: url(./../images/project-js/arrows-icon.png) no-repeat;
}

.product-youmaihu .product-youmaihu-content {
    max-width: 1920px;
    margin: 0 auto;
    border-bottom: 38px solid #7cb930;
    background: url(./../images/project-js/product-youmaihu-bg.jpg) no-repeat;
    background-size: 100% auto;
}

.product-youmaihu .product-youmaihu-content .main-content {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.product-youmaihu .product-youmaihu-content ul {
    position: absolute;
    top: 720px;
    left: 0;
    width: 100%;
    font-size: 0;
    text-align: center;
}

.product-youmaihu .product-youmaihu-content li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.product-youmaihu .product-youmaihu-content li:nth-child(1) div {
    padding-left: 51%;
    padding-right: 6%;
}

.product-youmaihu .img-box img {
    width: 100%;
}

.product-youmaihu .main-content h4 {
    padding-top: 16px;
    font-size: 38px;
}

.product-youmaihu .main-content p {
    padding-top: 8%;
    font-size: 24px;
    line-height: 36px;
}

.product-youmaihu .text-info {
    position: absolute;
    bottom: 75px;
    right: 28px;
}

.product-youmaihu .text-info img {
    float: left;
}

.product-youmaihu .text-info img:nth-child(1) {
    margin-right: 54px;
}

.product-youmaihu .text-info p {
    position: absolute;
    top: 0;
    right: 10px;
    width: 405px;
}

/* 产品鉴赏结束 */

/* 加盟计划开始 */

#join-content {
    color: #393939;
}

#join-content .join-banner {
    max-width: 1920px;
    margin: 0 auto;
}

#join-content .join-banner img {
    width: 100%;
}

.join-today-headline {
    max-width: 1920px;
    margin: 0 auto;
    text-align: center;
}

.join-today-headline .title {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.join-today-headline .title img {
    position: absolute;
    top: 0;
    right: 0;
}

.join-today-headline h2 {
    height: 212px;
    line-height: 212px;
    font-size: 48px;
    font-weight: normal;
}

/* 项目介绍 */

.join-project-introduce {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 62px;
}

.join-project-introduce .title,
.join-advantage .title {
    text-align: center;
}

.join-project-introduce .title h2,
.join-advantage .title h2 {
    font-size: 35px;
    font-weight: normal;
}

.join-project-introduce .title p,
.join-advantage .title p {
    padding-top: 10px;
    font-size: 18px;
    color: #aeaeae;
}

.join-project-introduce .content {
    margin-top: 95px;
}

.join-project-introduce li .img-box {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.join-project-introduce li .img-box img {
    width: 100%;
}

.join-project-introduce li .txt-box {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.join-project-introduce .txt-box h3 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
}

.join-project-introduce li:nth-child(1) .txt-box {
    padding: 0 6%;
}

.join-project-introduce li:nth-child(1) .txt-box p {
    padding-bottom: 25px;
    border-bottom: 1px dashed #393939;
}

.join-project-introduce .txt-box p {
    padding-top: 30px;
    font-size: 18px;
    line-height: 24px;
    text-indent: 2em;
}

.join-project-introduce li h3 {
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    font-weight: normal;
}

.join-project-introduce li:nth-child(4) img {
    width: 100%;
}

/* 项目优势 */

.join-advantage .advantage-title {
    margin-top: 80px;
}

.join-advantage .advantage-title p {
    padding-bottom: 40px;
}

.join-advantage .advantage-content h3 {
    max-width: 1200px;
    padding-bottom: 10px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: normal;
}

.join-advantage .advantage-content .main-bg {
    /* max-width: 1200px; */
    padding: 24px 0;
    background: #a3ce6e;
}

.join-advantage .advantage-content .main-content {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 0;
}

.join-advantage .advantage-content .left {
    display: inline-block;
    width: 65%;
}

.join-advantage .left p {
    font-size: 16px;
    line-height: 24px;
    text-indent: 32px;
    color: white;
}

.join-advantage .left li+li {
    margin-top: 35px;
}

.join-advantage .left .img-box {
    display: table-cell;
    width: 40%;
}

.join-advantage .left .img-box img {
    width: 100%;
}

.join-advantage .left .txt-box {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
}

.join-advantage .left .txt-box p {
    padding: 0 5%;
}

.join-advantage .advantage-content .right {
    display: inline-block;
    width: 35%;
}

.join-advantage .right img {
    width: 100%;
}

.join-advantage .safeguard {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.join-advantage .safeguard h3 {
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    font-weight: normal;
}

.join-advantage .safeguard img {
    width: 100%;
}

.join-advantage .safeguard p {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -120px;
    font-size: 24px;
}

/* 销售模式 */

#join-content .sales-model {
    margin-top: 55px;
}

#join-content .sales-model-header {
    max-width: 1920px;
    margin: 0 auto;
}

#join-content .sales-model-header img {
    width: 100%;
}

#join-content .sales-model-content {
    max-width: 1200px;
    margin: 0 auto;
}

#join-content .sales-model-content .sales-model-title {
    margin-top: 96px;
    text-align: center;
}

#join-content .sales-model-title h2 {
    font-size: 35px;
    font-weight: normal;
}

#join-content .sales-model-title p {
    padding-top: 10px;
    font-size: 18px;
    letter-spacing: 2px;
    color: #aeaeae;
}

#join-content .online-sales {
    margin-top: 86px;
}

#join-content .online-sales .title {
    display: inline-block;
    width: 14%;
    padding-top: 5%;
    vertical-align: top;
}

#join-content .online-sales h3 {
    font-size: 24px;
    font-weight: normal;
}

#join-content .online-sales .info {
    display: inline-block;
    width: 40%;
    padding-top: 15%;
    text-align: center;
    vertical-align: top;
}

#join-content .online-sales p {
    font-size: 20px;
}

#join-content .online-sales .img {
    display: inline-block;
    width: 16%
}

#join-content .online-sales .img img {
    width: 100%;
}

#join-content .online-sales-footer {
    margin-top: 18px;
}

#join-content .online-sales-footer img {
    width: 100%;
}

#join-content .system-update {
    margin-top: 100px;
}

#join-content .system-update h3 {
    font-size: 24px;
    font-weight: normal;
}

#join-content .system-update img {
    display: block;
    width: 100%;
}

#join-content .system-update .left {
    display: inline-block;
    width: 35%;
    vertical-align: middle;
}

#join-content .system-update .right {
    display: inline-block;
    width: 60%;
    margin-left: 24px;
    vertical-align: middle;
}

#join-content .system-update li+li {
    margin-top: 32px;
}

#join-content .system-update li {
    padding-right: 5%;
}

#join-content .system-update .system-update-footer {
    margin-top: 72px;
}

#join-content .project-advantage {
    margin-top: 78px;
}

#join-content .project-advantage h3 {
    font-size: 24px;
    font-weight: normal;
}

#join-content .project-advantage .project-advantage-content {
    padding: 0 8% 0 14%;
    padding-top: 20px;
}

#join-content .project-advantage-content img {
    width: 100%;
}

/* 市场现状 */

#join-content .now-state {
    margin-top: 85px;
}

#join-content .now-state-title {
    text-align: center;
}

#join-content .now-state-title h2 {
    font-size: 35px;
    font-weight: normal;
}

#join-content .now-state-title p {
    padding-top: 12px;
    padding-bottom: 110px;
    font-size: 18px;
    color: #aeaeae;
}

#join-content .now-state-content {
    max-width: 1920px;
    margin: 0 auto;
    background: url(./../images/join/now-state-bg.jpg) no-repeat;
}

#join-content .now-state-content .info {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
}

#join-content .now-state-content .product-feature,
#join-content .now-state-content .product-now-state {
    width: 50%;
    padding-bottom: 28px;
    background: rgba(255, 255, 255, .5);
    /* padding: 0 5%; */
}

#join-content .product-feature h3,
#join-content .product-now-state h3 {
    padding: 5%;
    font-size: 24px;
    font-weight: normal;
}

#join-content .product-feature p,
#join-content .product-now-state p {
    padding: 0 5%;
    font-size: 18px;
    line-height: 24px;
    text-indent: 36px;
}

#join-content .now-state-content .product-now-state {
    margin-left: 40%;
    margin-top: 10px;
}

/* 发展前景 */

#join-content .develop-prospect-title {
    margin-top: 84px;
    text-align: center;
}

#join-content .develop-prospect-title h2 {
    font-size: 35px;
    font-weight: normal;
}

#join-content .develop-prospect-title p {
    padding-top: 12px;
    font-size: 18px;
    color: #aeaeae;
}

#join-content .develop-prospect-analyze {
    max-width: 1200px;
    margin: 0 auto;
}

#join-content .develop-prospect-analyze h3 {
    height: 120px;
    font-size: 24px;
    font-weight: normal;
    line-height: 120px;
}

#join-content .develop-prospect-analyze .img-box {
    padding: 0 14%;
}

#join-content .develop-prospect-analyze img {
    width: 100%;
}

#join-content .group-construction {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 90px;
}

#join-content .group-construction .content {
    padding: 0 5%;
    font-size: 0;
}

#join-content .group-construction h3 {
    font-size: 24px;
    font-weight: normal;
}

#join-content .group-construction .left {
    display: inline-block;
    width: 67%;
}

#join-content .group-construction li+li {
    margin-top: 12px;
}

#join-content .group-construction .img-box {
    display: table-cell;
    width: 16%;
}

#join-content .group-construction .img-box img {
    width: 100%;
}

#join-content .group-construction .txt-box {
    display: table-cell;
    width: 84%;
    border-bottom: 1px dashed #67a914;
    font-size: 18px;
    text-indent: 2em;
    vertical-align: middle;
}

#join-content .group-construction .txt-box p {
    padding-left: 20px;
}

#join-content .group-construction .right {
    display: inline-block;
    width: 33%;
}

#join-content .group-construction .right img {
    width: 100%;
}

/* 计划和完成目标 */

#join-content .target {
    max-width: 1200px;
    margin: 0 auto;
}

#join-content .target h3 {
    height: 150px;
    line-height: 150px;
    font-size: 24px;
    font-weight: normal;
}

#join-content .target .target-info {
    width: 72%;
    margin: 0 auto;
}

#join-content .target-info .img-box {
    display: table-cell;
    width: 12.5%;
    vertical-align: middle;
}

#join-content .target-info .txt-box {
    display: table-cell;
    width: 87.5%;
    font-size: 22px;
    line-height: 26px;
    text-indent: 44px;
    vertical-align: middle;
}

#join-content .target-info .txt-box p {
    padding-left: 20px;
}

#join-content .target-chart {
    position: relative;
    text-align: center;
    padding: 130px 37.5% 105px 37.5%;
}

#join-content .target-chart img {
    width: 100%;
}

#join-content .target-chart p {
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    text-indent: 36px;
}

#join-content .target-chart p:nth-child(2) {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 220px;
    margin-left: -110px;
}

#join-content .target-chart p:nth-child(3) {
    position: absolute;
    top: 46%;
    left: 26%;
}

#join-content .target-chart p:nth-child(4) {
    position: absolute;
    top: 46%;
    right: 12%;
    width: 260px;
}

#join-content .target-chart p:nth-child(5) {
    position: absolute;
    bottom: 15%;
    left: 40%;
}

/* 市场前景 */

#join-content .bazaar-prospect h3 {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 34px;
    padding-bottom: 66px;
    font-size: 24px;
    font-weight: normal;
}

#join-content .bazaar-prospect .bazaar-prospect-content {
    max-width: 1920px;
    margin: 0 auto;
    padding-bottom: 240px;
    background: url(./../images/join/bazaar-prospect-bg.jpg) no-repeat;
    background-size: 100% 100%;
}

#join-content .bazaar-prospect .main-info {
    max-width: 1200px;
    margin: 0 auto;
}

#join-content .bazaar-prospect ul {
    padding: 0 5%;
}

#join-content .bazaar-prospect .img-box {
    display: table-cell;
    width: 18%;
    vertical-align: middle;
}

#join-content .bazaar-prospect .img-box img {
    display: block;
    width: 100%;
}

#join-content .bazaar-prospect .txt-box {
    display: table-cell;
    width: 82%;
    vertical-align: middle;
}

.bazaar-prospect .txt-box h4 {
    font-size: 24px;
    font-weight: normal;
}

.bazaar-prospect .txt-box p {
    padding-top: 28px;
    font-size: 20px;
}

.bazaar-prospect li .txt-box {
    padding-left: 4%;
    padding-right: 30%;
}

.bazaar-prospect li:nth-child(2) .txt-box {
    padding-left: 30%;
    padding-right: 4%;
}

.bazaar-prospect li:nth-child(2) .txt-box h4 {
    text-align: right;
}

/* 加盟计划结束 */

/* 品牌介绍开始 */

/* 品牌印象 */

#brand-introduce .brand-introduce-banner {
    max-width: 1920px;
    margin: 0 auto;
}

#brand-introduce .brand-introduce-banner img {
    width: 100%;
}

.brand-introduce-impression {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 80px;
}

.brand-introduce-impression .brand-introduce-impression-title {
    text-align: center;
}

.brand-introduce-impression h2 {
    font-size: 38px;
    font-weight: normal;
}

.brand-introduce-impression .brand-introduce-impression-title p {
    padding-top: 10px;
    font-size: 18px;
    color: #aeaeae;
    letter-spacing: 2px;
}

.brand-introduce-impression .brand-introduce-impression-content {
    margin-top: 50px;
}

.brand-introduce-impression .brand-introduce-impression-content p {
    padding: 0 18%;
}

.brand-introduce-impression .brand-introduce-impression-content p:nth-child(1) {
    font-size: 23px;
    line-height: 30px;
    text-indent: 2em;
}

.brand-introduce-impression .brand-introduce-impression-content p:nth-child(2) {
    padding-top: 30px;
    font-size: 16px;
    line-height: 25px;
    text-indent: 3em;
    color: #9c9c9c;
}

.brand-introduce-impression .brand-introduce-impression-content img {
    width: 100%;
    padding-top: 10px;
}

/* 公司简介 */

#brand-introduce {
    color: #393939;
}

.brand-introduce-company {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 100px;
}

.brand-introduce-company .brand-introduce-company-title {
    text-align: center;
}

.brand-introduce-company h2 {
    font-size: 38px;
    font-weight: normal;
}

.brand-introduce-company .brand-introduce-company-title p {
    padding-top: 10px;
    font-size: 18px;
    color: #aeaeae;
    letter-spacing: 2px;
}

.brand-introduce-company .brand-introduce-company-content {
    position: relative;
    margin-top: 48px;
}

.brand-introduce-company .brand-introduce-company-content img {
    width: 100%;
}

.brand-introduce-company .brand-introduce-company-content p {
    width: 36%;
}

.brand-introduce-company .brand-introduce-company-content p:nth-child(1) {
    position: absolute;
    top: 14%;
    left: 2.5%;
    font-size: 22px;
    line-height: 30px;
    text-indent: 2em;
    color: #393939;
}

.brand-introduce-company .brand-introduce-company-content p:nth-child(2) {
    position: absolute;
    top: 40%;
    left: 2.5%;
    font-size: 16px;
    line-height: 24px;
    text-indent: 2em;
    color: #5a7497;
}

.brand-introduce-company .brand-introduce-company-info {
    margin-top: 24px;
}

.brand-introduce-company .brand-introduce-company-info .txt-box {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.brand-introduce-company-info .txt-box p:nth-child(1) {
    padding: 0 5%;
    font-size: 22px;
    line-height: 30px;
    text-indent: 2em;
}

.brand-introduce-company-info .txt-box p:nth-child(2) {
    padding: 0 5%;
    padding-top: 14%;
    font-size: 16px;
    line-height: 20px;
    color: #9c9c9c;
    text-indent: 2em;
}

.brand-introduce-company .brand-introduce-company-info .img-box {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.brand-introduce-company .brand-introduce-company-info .img-box img {
    width: 100%;
}

/* 总部基地 */

.brand-introduce-base {
    margin-top: 30px;
}

.brand-introduce-base-title {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.brand-introduce-base-title h2 {
    font-size: 38px;
    font-weight: normal;
}

.brand-introduce-base-title p {
    padding-top: 10px;
    font-size: 18px;
    color: #aeaeae;
    letter-spacing: 2px;
}

.brand-introduce-base-content img {
    width: 100%;
}

.brand-introduce-base-content .show1 {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.brand-introduce-base-content .show1 p:nth-child(1) {
    position: absolute;
    top: 32%;
    left: 10px;
    width: 36%;
    font-size: 23px;
    line-height: 32px;
    text-indent: 2em;
}

.brand-introduce-base-content .show1 p:nth-child(2) {
    position: absolute;
    bottom: -38px;
    right: 10px;
    width: 45%;
    font-size: 23px;
    line-height: 32px;
    text-indent: 2em;
    color: #515a44;
}

.brand-introduce-base-content .show2 {
    max-width: 1920px;
    margin: 0 auto;
}

/* 品牌实力 */

.brand-strength {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 125px;
}

.brand-strength .brand-strength-title {
    text-align: center;
}

.brand-strength .brand-strength-title h2 {
    font-size: 38px;
    font-weight: normal;
}

.brand-strength .brand-strength-title p {
    padding-top: 10px;
    font-size: 18px;
    color: #aeaeae;
    letter-spacing: 2px;
}

.brand-strength .brand-strength-showpic li {
    margin-top: 42px;
}

.brand-strength .brand-strength-showpic li img {
    display: block;
    width: 100%;
}

.brand-strength .brand-strength-process {
    padding: 0 4%;
    text-align: center;
}

.brand-strength .brand-strength-process h3 {
    height: 132px;
    line-height: 132px;
    font-size: 25px;
    font-weight: normal;
}

.brand-strength .brand-strength-process ul {
    font-size: 0;
}

.brand-strength .brand-strength-process li {
    display: inline-block;
    width: 25%;
}

.brand-strength-process li img {
    display: block;
    width: 100%;
}

.brand-strength-process li figurecaption {
    height: 108px;
    line-height: 108px;
    font-size: 34px;
}

/* 品牌精神 */

.brand-spirit {
    margin-top: 50px;
}

.brand-spirit .brand-spirit-title {
    text-align: center;
}

.brand-spirit .brand-spirit-title h2 {
    font-size: 38px;
    font-weight: normal;
}

.brand-spirit .brand-spirit-title p {
    padding-top: 10px;
    font-size: 18px;
    color: #aeaeae;
    letter-spacing: 2px;
}

.brand-spirit .brand-spirit-banner {
    max-width: 1920px;
    margin: 0 auto;
    margin-top: 20px;
}

.brand-spirit .brand-spirit-banner img {
    width: 100%;
}

.brand-spirit .brand-spirit-content {
    max-width: 1200px;
    margin: 0 auto;
}

.brand-spirit .brand-spirit-content .img-box {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.brand-spirit .brand-spirit-content .txt-box {
    display: table-cell;
    width: 50%;
    text-align: center;
    font-size: 22px;
    line-height: 32px;
    vertical-align: middle;
}

/* 荣誉资质 */

.brand-honor {
    margin-top: 70px;
}

.brand-honor .brand-honor-title {
    text-align: center;
}

.brand-honor .brand-honor-title h2 {
    font-size: 38px;
    font-weight: normal;
}

.brand-honor .brand-honor-title p {
    padding-top: 10px;
    font-size: 18px;
    color: #aeaeae;
    letter-spacing: 2px;
}

.brand-honor .brand-honor-banner {
    max-width: 1920px;
    margin: 0 auto;
    margin-top: 60px;
}

.brand-honor .brand-honor-banner img {
    width: 100%;
}

.brand-honor .brand-honor-showpic {
    max-width: 1200px;
    margin: 0 auto;
}

.brand-honor-showpic .content {
    padding: 0 10%;
    margin-top: 118px;
}

.brand-honor-showpic .left {
    display: inline-block;
    width: 60%;
    vertical-align: middle;
}

.brand-honor-showpic .left ul {
    font-size: 0;
}

.brand-honor-showpic .left li {
    display: inline-block;
}

.brand-honor-showpic .left li img {
    display: block;
    width: 100%;
}

.brand-honor-showpic .left ul:nth-child(1) li:nth-child(1) {
   
    width: 32%;
}

.brand-honor-showpic .left ul:nth-child(1) li:nth-child(2) {
    width: 64%;
    margin-left: 20px;
}

.brand-honor-showpic .left ul:nth-child(2) {
    margin-top: 20px;
}

.brand-honor-showpic .left ul:nth-child(2) li {
    width: 32%;
}
.brand-honor-showpic .left ul:nth-child(2) li+li {
    margin-left: 10px;
}

.brand-honor-showpic .right {
    display: inline-block;
    width: 33%;
    margin-left: 36px;
    vertical-align: middle;
}

/* 团队展示 */
.group-show {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 125px;
    text-align: center;
}

.group-show .group-show-title h2 {
    font-size: 38px;
    font-weight: normal;
}

.group-show .group-show-title p {
    padding-top: 10px;
    font-size: 18px;
    color: #aeaeae;
    letter-spacing: 2px;
}

.group-show .group-show-content {
    margin-top: 50px;
}

.group-show .group-show-content p:nth-child(1) {
    font-size: 23px;
    line-height: 30px;
}

.group-show .group-show-content p:nth-child(2) {
    margin-top: 30px;
    font-size: 16px;
    line-height: 24px;
    color: #a3a3a3;
}

.group-show .group-show-content .showpic {
    margin-top: 36px;
}

.group-show .showpic img {
    display: block;
    width: 100%;
} 

.group-show .group-show-content .left {
    display: inline-block;
    width: 46%;
    vertical-align: top;
}


.group-show .group-show-content .right {
    display: inline-block;
    width: 53%;
    margin-left: 5px;
    vertical-align: top;
}

.group-show .showpic .right img:nth-child(2) {
   margin-top: 4px;
}
/* 品牌介绍结束 */